@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body{height:100%;}

img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 

ol,ul{list-style:none;} 

h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}

a:active, a:focus{outline:none;}

button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}

*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */



/* slide */

#bannerStyle{

	position:relative;

}

#bannerStyle img{

	position: absolute;

	top:0;

	left:50%;

	margin-left:-960px;

}



.slide-main{height:780px;position:relative;min-width:1200px;}

.prev,.next{display:block;width:28px;height:63px;position:absolute;z-index:222;top:325px;overflow:hidden;cursor:pointer;_border:1px solid none;}

.prev{left:129px;}

.next{right:129px;}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:720px;left:0;text-align:center;}

.item a{display:inline-block;width:14px;height:14px; border-radius: 50%; margin-right:20px;background:#fff;overflow:hidden;}

.item a.cur{background:#d83d3d;}

.slide-box,.slide{display:block;width:100%;height:780px;overflow:hidden;}

.slide-box{position:relative;}

.slide{display:none;height:780px;padding-top:0;position:relative;position:absolute;z-index:8;}





.slide a{display:block;cursor:pointer;}

.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g,.obj-h{position:absolute;z-index:9;left:50%;}

.obj-a{display:block;width:664px;height:460px;top:100px;margin-left:-90px;}

.obj-b{top:100px;height:330px;margin-left:-560px;}

.obj-c{display:block;height:582px;top:0px;margin-left:-570px;}

.obj-d{top:126px;height:164px;}

.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}

.obj-e{width:290px;height:50px;margin-left:-150px;top:365px;z-index:12;}

.obj-f{width:610px;height:158px;top:130px;margin-left:-275px;}

.obj-g{width:300px;height:50px;margin-left:-390px;top:340px;z-index:12;}

.obj-h{width:585px;height:138px;top:160px;margin-left:-368px;}



.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}

@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}

@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }

@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }

@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }

.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}

@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }

@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }

@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }

.banAnimate .obj-c,.banAnimate .obj-e,.banAnimate .obj-g{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}

@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

.banAnimate .obj-d,.banAnimate .obj-f,.banAnimate .obj-h{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}

@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }